<!DOCTYPE HTML>
<html>
<head>
	<title>网站后台管理登录系统</title>

	<meta name="keywords" content="网站后台管理登录系统"/>
	
	<meta name="description" content="最全的网站后台管理登录系统下载网站http://cn.inspinia.cn"/>
<!-- Custom Theme files -->
<link href="css/style.css"  rel="stylesheet" type="text/css" media="all"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<!--remove-->
<script src="js/jquery-1.11.0.min.js" ></script>
<script>$(document).ready(function(c) {
	$('.close').on('click', function(c){
		$('.header').fadeOut('slow', function(c){
	  		$('.header').remove();
		});
	});	  
});
</script>
<!--remove-->
<script src="js/easyResponsiveTabs.js"  type="text/javascript"></script>
		    <script type="text/javascript">
			    $(document).ready(function () {
			        $('#horizontalTab').easyResponsiveTabs({
			            type: 'default', //Types: default, vertical, accordion           
			            width: 'auto', //auto or any width like 600px
			            fit: true   // 100% fit in a container
			        });
			    });
				
</script>	
</head>
<body>
<!--header start here-->
<h1>Flat Tab Forms</h1>
<div class="header agile">
	<div class="headder-main w3layouts">
      <div class="login agileinfo">
			<div class="sap_tabs">
				<div id="horizontalTab" style="display: block; width: 100%; margin: 0px;">
					<ul class="resp-tabs-list w3">
						<li class="resp-tab-item" aria-controls="tab_item-0" role="tab"><span>Sign In</span></li>
						<li class="resp-tab-item" id="create" aria-controls="tab_item-1" role="tab"><span>Sign Up</span></li>
						<div class="clearfix"></div>
					</ul>				  	 
					<div class="resp-tabs-container w3-agile">
						<div class="tab-1 resp-tab-content" aria-labelledby="tab_item-0">
							<div class="login-top">
								<form action="#" method="post">
									<h6>Email</h6>
									<input type="text" class="email" placeholder="Johnsmith@gmail.com" name="Johnsmith@gmail.com" required="">
									<h6>Password</h6>
									<input type="password" class="password" placeholder="Password" name="password" required="">
									<span class="checkbox1">
										<label class="checkbox"><input type="checkbox" name="" checked=""><i> </i>Remember me</label>
									</span>									
								<div class="login-bottom login-bottom1 w3ls">									
										<input type="submit" value="Sign In"/>									
									   <a href="#"><h4>Forgot Your Password?</a></h4>
									 <div class="social-btn">
									  <a href="#" class="twitter">Sign In with Twitter</a>
									  <a href="#" class="facebook">Sign In with Facebook</a>
									 </div>
								</div>	
								</form>
							</div>
						</div>
						<div class="tab-1 resp-tab-content" aria-labelledby="tab_item-1">
						<div class="login-top wthree">
								<form action="#" method="post">
									<h6>Name</h6>
									<input type="text" placeholder="Name" name="Name" required="">
									<h6>Email</h6>
									<input type="text" class="email" placeholder="Email" name="Email">
									<h6>Password</h6>
									<input type="password" class="password" placeholder="Password" name="password">	
									<h6>Confirm Password</h6>									
									<input type="password" class="password confirm_password" placeholder="Confirm Password" name="password">	
								<div class="login-bottom">									
										<input type="submit" value="Sign Up">	
									<div class="clear"></div>
								</div>	
						  </form>
							</div>
							
						</div>							
					</div>	
				</div>
			</div>	
		</div>	
    </div>
    <div class="close">
	<img src="images/cancel.png"  alt="">
    </div>
</div>
<!--header end here-->
<!--copy rights end here-->
<div class="copy-rights agileits">		 	
	<p>© 2016 Flat Tab Forms. All Rights Reserved | Design by  <a href="https://shop585798004.taobao.com/" target="_blank">前端ui</a> </p>		 	
</div>
<!--copyrights start here-->
</body>
</html>